﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head>
	<title>弹出遮罩层的实现</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="description" content="Bug" />
	<meta name="keywords" content="issue,bug,tracker" />
	<link href="Mask.css" media="all" rel="stylesheet" type="text/css" />
	<!--<script src="http://code.jquery.com/jquery-1.4.2.js" type="text/javascript"></script>-->
	<script src="pac/BaseFuncs.js" type="text/javascript"></script>
	<script src="pac/Dragable.js" type="text/javascript"></script>
	<script src="Mask.js" type="text/javascript"></script>
  </head>
	
  <body>
	<div class="mainContainer" style="height:1600px;">
		<!---按钮 start-->
		<ul class="buttonContainer" id="buttonContainer">
			<li>第一个</li>
			<li>第二个</li>
		</ul>
		<!---按钮 end-->
    </div>
	
	
	<div class="mask-container" style="display:none;">
		<div class="mask-coverbg">
		</div>
		<div class="mask-body">
			<div class="mask-title">
				<span>标题项</span>
				<div class="mask-title-btn">
					<span id="_maskTitleButtonMin">▁</span>
					<span id="_maskTitleButtonMax">□</span>
					<span id="_maskTitleButtonClose">×</span>
				</div>
			</div>
			<!--□▁━─╲⊙▬▣▣◈■×-->
			<div class="mask-content">dsdasdsa</div>
		</div>
	</div>
	
	
  </body>
</html>